<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <style>
        body{
            background: url("https://img0.baidu.com/it/u=2806520609,2586054719&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800") no-repeat center ;
        }
        .rg_layout{
            width: 400px;
            height: 300px;
            border: 5px solid #e00c0c;
            background-color: whitesmoke;
            margin: auto;
            margin-top: 15px;
        }
        .rg_left p:first-child{
              color: #ff2626;
              font-size: 20px;
        }
    </style>

</head>
<body>

<div class="rg_layout">
<!--    第一个div-->
    <div class="rg_left">
        <p>京东商城</p>
          <p><img src="https://ts1.cn.mm.bing.net/th/id/R-C.ed2fafc16e163eb5434767b326c3b78f?rik=wC94fZsi9%2bYYbA&riu=http%3a%2f%2fwww.cnlogo8.com%2fimg%2f201606%2fcnlogo8naovgsfkjlj.png&ehk=Kp6lNDA0CziKknuOtX6RrbCBhy7XB92Q3XOQ78lZmtk%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1" alt="class" wight="80px" height="80px"></p>
<!--第二个div-->
    <div class="rg_center">
        <div class="rg_form">
            <!--定义表单 form-->
            <form action="/login" method="post">
                <table>
                    <tr>
                        <td class="td_left"><label for="username">用户名</label></td>
                        <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
                    </tr>

                    <tr>
                        <td class="td_left"><label for="password">密码</label></td>
                        <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center"><input type="submit" id="btn_ub" value="登录"></td>
                    </tr>

                </table>

            </form>


        </div>
</div>
</body>
</html>